import Vue from 'vue'

import { save,unsave,savelist } from "../api";

//1.导入vuex
import Vuex from 'vuex'
//2.注册vuex
Vue.use(Vuex)
//3.实例化并导出vuex实例
export default new Vuex.Store({
  state: { //负责存储数据
    count:false,
    savelist:[],
    savestate: '',
  },
  getters: { //负责定义计算方法(类似于组件中的计算属性)
    
  },
  mutations: { //负责定义同步方法( 可以直接修改state中的数据 )
    getsavelist(state,payload){
      savelist(payload).then((res)=>{
        state.savelist = res.data.list;
        // console.log(state.savelist);
      })
    },
    save(state,payload){
      save(payload).then((res)=>{
        this.state.savestate = res.data.msg;
        console.log(this.state.savestate);
        // console.log(res.data);
        savelist({userid:localStorage.getItem('id')}).then((res)=>{
          state.savelist = res.data.list;
          // console.log(state.savelist);
        })
      })
    },
    unsave(state,payload){
      unsave(payload).then((res)=>{
        this.state.savestate = res.data.msg;
        // console.log(res.data);
        savelist({userid:localStorage.getItem('id')}).then((res)=>{
          state.savelist = res.data.list;
        })
      })
    }
  },
  actions: { //负责定义异步方法( 内部一般书写异步代码( 定时器,ajax ) 不可以直接修改state中的数据 )

  },
  modules: { //实现state的模块化管理

  },
  plugins: [] //配合其他插件管理state中的数据
})
